<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>图文列表20</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .imgText_list_20_title {
         text-align: center;
      }

      .imgText_list_20_title h2 {
         color: var(--c_theme);
         font-size: var(--f_title);
         line-height: var(--l_title);
      }

      .imgText_list_20_title p {
         padding-bottom: 22px;
         color: var(--c_text);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }

      .imgText_list_20_title span {
         color: var(--c_text);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      .imgText_list_20_main {
         padding-top: 60px;
      }

      .imgText_list_20_item li {
         padding: 0;
      }

      .imgText_list_20_item_box {
         padding: 0 20px;
      }

      .imgText_list_20_item_img {
         margin: auto;
         width: 80px;
         height: 80px;
      }

      .imgText_list_20_item_img img {
         width: 100%;
         height: 100%;
         object-fit: cover;
      }

      .imgText_list_20_item_text {
         text-align: center;
      }

      .imgText_list_20_item_text p {
         padding: 16px 0;
         color: var(--c_text);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }

      .imgText_list_20_item_text span {
         color: var(--c_text);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      @media (max-width:768px){
         .imgText_list_20_main {
            padding-top: 30px;
         }

         .imgText_list_20_item_box {
            padding: 0 10px;
         }

         .imgText_list_20_item_img {
            padding: 0;
         }

         .imgText_list_20_item li:nth-child(1),
         .imgText_list_20_item li:nth-child(2) {
            padding-bottom: 30px;
         }
      }
   </style>
</head>

<body>
   <div class="imgText_list_20 modular">
      <div class="public_width">
         <div class="imgText_list_20_content">
            <div class="imgText_list_20_title">
               <h2>SCOPE OF SERVICE</h2>
               <p>印刷服务范围</p>
               <span>公司拥有经验丰富、思想前卫、富有创造力的专业印刷设计团队，能在印刷前为客户提供合理的建议和精益求精的印刷方案。公司主营设计定制：合版、专版胶印、个性化短板印刷、高速数码快印、出工程图标书制作、写真喷绘、锦旗条幅、广告工程、展览展示、礼仪庆典、平面、VI标识、品牌设计、广告设计、商业活动、企业、企业管理咨询、各类媒体投放等。</span>
            </div>

            <div class="imgText_list_20_main">
               <ul class="imgText_list_20_item row">
                  <li class="col-xl-3 col-6">
                     <div class="imgText_list_20_item_box">
                        <div class="imgText_list_20_item_img">
                           <img src="../images/img_collection_5_1.png" alt="">
                        </div>
                        <div class="imgText_list_20_item_text">
                           <p>名片定制</p>
                           <span>名片定制、精心设计、品质印刷多种纸质以及多种工艺可供选择</span>
                        </div>
                     </div>
                  </li>

                  <li class="col-xl-3 col-6">
                     <div class="imgText_list_20_item_box">
                        <div class="imgText_list_20_item_img">
                           <img src="../images/img_collection_5_2.png" alt="">
                        </div>
                        <div class="imgText_list_20_item_text">
                           <p>彩页印刷</p>
                           <span>宣传彩页印刷以及数码彩色印刷色彩鲜艳，适用于各种活动宣传</span>
                        </div>
                     </div>
                  </li>

                  <li class="col-xl-3 col-6">
                     <div class="imgText_list_20_item_box">
                        <div class="imgText_list_20_item_img">
                           <img src="../images/img_collection_5_3.png" alt="">
                        </div>
                        <div class="imgText_list_20_item_text">
                           <p>画册印刷</p>
                           <span>画册印刷，根据不同客户的需求打造专属画册，全方位展示公司</span>
                        </div>
                     </div>
                  </li>

                  <li class="col-xl-3 col-6">
                     <div class="imgText_list_20_item_box">
                        <div class="imgText_list_20_item_img">
                           <img src="../images/img_collection_5_1.png" alt="">
                        </div>
                        <div class="imgText_list_20_item_text">
                           <p>日历印刷</p>
                           <span>日历印刷，精选2mm厚灰板为日历支架，精品对裱，精致大气</span>
                        </div>
                     </div>
                  </li>
               </ul>
            </div>
         </div>
      </div>
   </div>
</body>

</html>